import { createRouter,createWebHashHistory } from "vue-router"

import DetailPage from '@/pages/DetailPage.vue'
import HomePage from '@/pages/HomePage.vue'

const routes = [
  {
	  path: '/page/DetailPage/:id',
	  component: DetailPage,
	  props: true,
  },
  {
	  path: '/',
	  component: HomePage,
  },
]

const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHashHistory(),
  routes, // `routes: routes` 的缩写
})

export default router